html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}

/*******CSS reset*************/

body{position:relative;z-index:-2; color:#444; background:url(../Image/bj.jpg) center repeat-y;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}

.f12{font-size:12px;}

.f16{font-size:16px;}

.bold{font-weight:bold;}

.white{color:#fff;}

.left{float:left;}

.right{float:right;}

.t_r{text-align:right;}

.clear{clear:both;}

.relative{position:relative;}

.absolute{position:absolute;}

.rel_center{position:relative;left:50%;}

.hidden{display:none;}

.w{ width:1200px; margin:0 auto;}

/********General**********/

.header{ width:100%; min-width:1200px; float:left;}

.main{ width:100%; min-width:1200px; float:left;}

.footer{ width:100%; min-width:1200px; float:left;}

.logo{ margin-top:47px; float:left;}

.tel{ font-size:27px;color:#1e6cc3; margin-right:50px; font-weight:bold; background:url(../Image/tel.png) top left no-repeat; padding:18px 0 30px 66px; float:right; margin-top:50px;}

.nav{ width:100%; height:50px; background:#1f6dc2; float:left; margin-top:17px;}

.nav li{ width:150px; height:50px; font-size:16px; color:#ffffff; line-height:50px; text-align:center; float:left;}

.nav li a{ display:block;}

.nav li:hover a{ background:#195290;}

.pro{ width:100%; float:left; margin-top:38px;}

.bt{ width:100%; background:url(../Image/bt.png) top center no-repeat; padding-top:25px; line-height:1.8;}

.bt p{ font-size:35px; color:#206ec2; font-weight:bold; text-align:center;}

.bt span{ text-align:center; display:block; font-size:18px; color:#4d4d4d; background:url(../Image/btjiantou.png) bottom center no-repeat; padding-bottom:27px;}

.prof{ width:300px; float:left; margin-top:42px;}

.profbt{ width:300px; height:79px; background:#222222; font-size:24px; color:#ffffff; line-height:79px; text-align:center;}

.prof ul{ width:298px; padding-bottom:19px; border:1px solid #9f9f9f; border-top: none; background:#eeeeee; float:left;}

.prof li{ width:237px; margin:16px 0 0 30px; font-size:18px; color:#000000; line-height:43px; text-indent:47px; height:43px; border:1px solid #9f9f9f; background:url(../Image/profli.png)179px center no-repeat;}

.prof li:hover{ background:#206ec2 url(../Image/proflih.png) 179px center no-repeat; color:#FFF; border:1px solid #206ec2;}

#demo {

overflow:hidden;

width:871px; float:right; margin-top:42px; }



#indemo {

float: left;

width: 800%;

}

#demo1 {

float: left;

}

#demo2 {

float: left;

}

.cpdx{width:284px; height:522px; margin-left:10px; float:left;text-align:center;}

.cpdx dd{ position:relative;  width:268px; height:230px; position:relative; padding:7px; margin-bottom:25px; border:1px solid #e5e5e5;}

.cpdx dd p{ height:35px; line-height:35px; font-size:14px; color:#5d5c5c; }

.cpdx dd img{width:268px; height:200px; display:block;}

.cpdx dd:hover{ background:#206ec2; color:#FFF; border:1px solid #206ec2;}

.cpdx dd:hover p{  color:#FFF;}

.about{ width:100%; height:660px; background:#216ec0; margin-top:50px; padding-top:43px;}

.aboutbt{ width:100%; background:url(../Image/aboutbt.png) top center no-repeat; padding-top:25px; line-height:1.8;}

.aboutbt p{ font-size:35px; color:#fff; font-weight:bold; text-align:center;}

.aboutbt span{ text-align:center; display:block; font-size:18px; color:#fff; background:url(../Image/aboutbtjian.png) bottom center no-repeat; padding-bottom:27px;}

.aboutw{ padding:32px; height:auto; overflow:hidden; background:#FFF; margin-top:40px;}

.aboutpic{ float:left;}

.about_p{ width:576px; float:right; font-size:16px; color:#4d4d4d; line-height:2;}

.about_p p{ font-size:28px; color:#4d4d4d; font-weight:bold;}

.about_p a{ border:1px solid #e0e0e0; padding:10px 28px;}

.about_p a:hover{ border:1px solid #0061c9}

.case{ width:100%; float:left; margin-top:40px; overflow:hidden;}

.focus-news{ width:105%; float:left; margin-top:58px;}

.focus-news li{ width:290px; float: left; margin-right:11px; height:260px; background:#f2f2f2; font-size:14px; color:#4d4d4d; text-align:center; line-height:2;}

.focus-news li img{ width:100%; height:216px;}

.focus-news li:hover{ background:#004198; color:#FFF;}

.news{ width:100%; float:left; margin-top:60px;}

.newsbt{ background:url(../Image/newsbt.png) bottom left no-repeat; height:50px;}

.newsbt p{ font-size:24px; color:#064c9c; float:left;}

.newsbt a{ float:right; margin-top:10px;}

.newspic{ float:left; margin-top:30px;}

.news ul{ width:626px; float:right; margin-top:30px;}

.news li{ width:100%; height:126px; padding-bottom:29px; border-bottom:1px dashed #bcbcbc; margin-bottom:28px;}

.news li img{ float:left; width:199px; height:126px;}

.news li p{ width:395px; float:right; line-height:1.9; font-size:14px; color:#1f1f1f;transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;}

.news li p span{ font-size:18px; color:#1f1f1f;}

.news li:nth-child(2){ border-bottom:none;}

.news li:hover p{ margin-right:5px;}

.footer{ height:187px; background:#1f6dc2; margin-top:80px;}

.ewm{ float:left; margin-top:35px;}

.fnav{ width:234px; padding:0 40px; float: left; margin-top:47px; border-left:1px solid #3a7fc9;border-right:1px solid #3a7fc9; margin-left:77px;}

.fnav li{ width:50%; float:left; font-size:12px; color:#a5c5e7; text-align:center; margin-bottom:10px;}

.fnav li:hover{ text-decoration:underline;}

.ftel{ padding:0 80px; float: left; margin-top:47px;border-right:1px solid #3a7fc9; font-size:12px; color:#a5c5e7; line-height:2.3; }

.admin{ float:right; margin-top:47px;font-size:12px; color:#a5c5e7; line-height:2.3;}

.side{ float:left;}

.nprof{ width:300px; float:left; margin-top:42px;}

.nprof ul{width:298px; padding-bottom:19px; border:1px solid #9f9f9f; border-top: none; background:#eeeeee; float:left;}

.nprof li{width:237px; margin:16px 0 0 30px; font-size:18px; color:#000000; line-height:43px; text-indent:47px; border:1px solid #9f9f9f; background:url(../Image/profli.png)179px 13px no-repeat;}

.nprof li dd{ width:100%; font-size:12px; line-height:2; height:0;transition: all 0.5s ease 0s; overflow:hidden;

  -moz-transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;}

.nprof li:hover dd{ height:24px;}

.nprof li:hover{ background:#206ec2 url(../Image/proflih.png) 179px 13px no-repeat; color:#FFF; border:1px solid #206ec2;}





.nmainr{width:869px; float:right; margin-top:40px;}

.nbt{ width:100%; height:35px; border-bottom:2px solid #1d0202; }

.nbt p{ font-size:18px;color:#1d0202; float:left; }

.nbt span{ font-size:12px; color:#8f8f8f; float:right; padding-left:10px;}

.nbt a:hover{ color:#c11616}

.npro{ width:100%; margin-top:30px;}

.npro ul{ width:110%;}

.npro li{ position:relative; float:left;  width:268px; height:230px; margin-right:10px; position:relative; padding:7px; margin-bottom:25px; border:1px solid #e5e5e5;}

.npro li p{ height:35px; line-height:35px; text-align:center;6 font-size:14px; color:#5d5c5c; }

.npro li img{width:268px; height:200px; display:block;}

.npro li:hover{ background:#206ec2; color:#FFF; border:1px solid #206ec2;}

.npro li:hover p{  color:#FFF;}















.page{ text-align:center; margin-top:20px;}

.neirong{ width:95%; margin:30px auto;}

#prev_next{ width:100%; margin-top:80px; border-top:1px dashed #CCCCCC; padding-top:10px;}

#prev_next li{ float:left}

#prev_next li:nth-child(2){ float:right;}

.npropage{}

.nnews{width:100%; margin-top:30px;}

.nnews li{ width:100%; margin-bottom:30px; float:left; position:relative;}

.nnews li span{ width:20%; padding-top:3.5%; line-height:1; float:left; font-size:48px; color:#4a4a4a; display:block; text-align:center;}

.nnews li span font{font-size:13px; border-top:1px solid #CCC;}

.nnews li p{ background:#eeeeee; width:70%;padding:1% 5%; font-size:14px; color:#6d6d6d; line-height:1.5; float:right; position:relative;}

.nnews li p font{ font-size:16px; color:#6d6d6d; display:block; margin-bottom:10px; font-weight:bold;}

.nnews li p i{ color:#005ea6; font-weight:bold; display:block; font-style:normal;}

.nnews li:hover p{ background:#1f6dc2; color:#FFF;}

.nnews li:hover p font{ color:#FFF;}

.nnews li:hover p i{ color:#FFF;}



#nkefu{ width:100%; margin:30px auto ; float:left;}

#nkefu li{ width:30%; float:left; margin-right:3%;}

#nkefu li p{ float:left; width:15%; float:left;}

#nkefu li p img{ float:left; width:100%;}

#nkefu li dd{ width:80%; float:right;

    font-size: 14px; line-height:2;

    color: #929292;

}

#nkefu li dd span{display: block;

    font-size: 1.4rem;

    color: #1e1e1e;

    margin-bottom: 5px;}

.jobsmain{ width:100%; padding-bottom:80px; background:#f4f4f4; float:left;}

.jobs{ width:75%; float:right}

.jobs dl{ width:100%; float:left; background:#FFF; height:71px; border-bottom:1px solid #f6f6f6;}

.jobs dd{float:left; background:#fff; font-size:14px; color:#4d4d4d; line-height:71px; text-indent:30px; background:url(../Image/jobslixian.png) right center repeat-y;

-moz-border-radius: 3px; /* Firefox */

  -webkit-border-radius: 3px; /* Safari 和 Chrome */

  border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

}

.jobs .d1{width:40%;}

.jobs .d2{width:20%}

.jobs li{ width:100%; float:left; border-bottom:1px solid #f6f6f6;}

.jobs li .p{ width:40.5%; float:left; background:#fff; line-height:.71rem; text-align:center; font-size:13px; color:#676c68; text-align:left;  text-indent:30px;}

.jobs li .p1{width:40%;}

.jobs li .p2{width:20%}

.jobs li .jobsinfo{ width:90%;   line-height:2; font-size:16px;  height:0; overflow:hidden; padding:0 5%;

transition: all 0.8s ease 0s;

  -moz-transition: all 0.8s ease 0s;

  -webkit-transition: all 0.8s ease 0s; background:url(../Image/jobscon.png) 40px top no-repeat #f0f0f0;

}

.jobs li.on .jobsinfo{ height:auto; padding:50px 5%;}



.jobsside{ width:23%; float:left;}

.jobssidebt{ width:100%;}

.jobssidebt p{ font-size:14px; color:#6c6c6c;}

.jobssidebt span{ font-size:23px; color:#3c3c3c;}

.jobsside ul{ width:100%; margin-top:37px; background:url(../Image/jobsli.png) top left no-repeat; padding-top:6px;}

.jobsside li{ width:90%; height:75px; padding-left:10%; border-bottom:1px solid #f6f6f6; padding-top:25px; background:#2167d2; color:#FFF;}

.jobsside li p{ font-size:20px; color:#ffffff;}

.jobsside li span{ font-size:14px; color:#ffffff;}

.jobscon{ margin-top:30px; padding:10%; width:80%; line-height:2; background:#FFF;}

.jobscon p{ font-size:24px; color:#2167d2;}

.jobscon span{ font-size:16px; color:#2167d2;}











/*产品详情*/

.pro_info{ width:100%; position:relative; height:auto; overflow:hidden;}

.npropage{ position:absolute; width:100%; top:100px; border:none !important;}

.npropage li{font-size:0;}

.npropage li a{ display: block; width:82px; height:188px;  background:url(../Image/proleft.png) center no-repeat;}

.npropage li:nth-child(2) a{display: block;  width:82px; height:188px;  background:url(../Image/proright.png) center no-repeat;}



.o_product{

    clear: both;

    padding: 18px 0px;

}

.o_product .o_product_img{

    width:600px; border:1px solid #CCC; margin:30px auto;

}

.o_product .o_product_img .o_product_thumb{

    

    width:600px; height:400px;

    display: table-cell;

    text-align: center;

    vertical-align: middle;

}

.o_product .product_small{

    margin-top:10px;

    height: 55px;

    position: relative;

}

.swiper-container{

    width: 240px;

    height: 50px;

    overflow: hidden;

}





.o_product .o_product_img .o_product_thumb img{

    max-width:600px; max-height:400px;

    display: inline-block;

    vertical-align: middle;

}



.o_product .o_product_info{

    width:600px; margin:0 auto;

}

.o_product .o_product_info h2{

    color: #3f3f3f;

    font-size: 16px;

    line-height: 25px;

    font-weight: 600;

}

.o_product .o_product_info .o_product_detail{

    background: #F6F6F6;

    font-size: 14px;

    color: #999;

    padding: 15px 10px;

    margin-top: 10px;

}

.o_product .o_product_info .o_product_detail .o_product_data{

    clear: both;

    width: 100%;

}

.o_product .o_product_info .o_product_detail .o_product_data:after,.o_product:after{

    display: block;

    content: '';

    clear: both;

    height: 0;

    width: 0;

}

.o_product_data span{

    display: inline-block;

    float: left;

    line-height: 22px;

}

.o_product_data span.key{

    width: 56px;

    text-align: right;

}

.o_product_data span.val{

    width: 339px;

}

.colhs{

    color: #FE4200;

}

.o_product_data span.val b{

    color:#FE4200;

    font-size: 16px;

}

.o_product_info .go_order{

    padding: 8px 25px;

    color: #fff;

    font-size: 16px;

    border-radius: 5px;

    background: #ff5e25;

    border: none;

    margin-top: 50px;

    outline: none;

}

.o_product_info .go_order:hover{

    background: #FE4200;

}



.order-content{

    padding: 20px 30px;

    background: #fff;

}



.order-content .order-line{

    color: #333;

    height: 30px;

    line-height: 30px;

    margin-bottom: 12px;

    font-size: 14px;

}

.order-content .order-line:after{

    display: block;

    content: '';

    clear: both;

    height: 0;

    width: 0;

}

.order-content .order-line lable{

    width: 70px;

    margin-right: 5px;

    display: inline-block;

    float: left;

    text-align: right;

}

.order-content .order-line .order-zhi{

    float: left;

    padding: 10px;

    line-height: 30px;

    padding: 0px 10px;

    max-width: 380px;

    border: 1px solid #d2d2d2;

}

.order-content .order-line .order-zhi.noborder{

    border:none;

}

.order-content .order-line  .order-zhi.overword{

    height: 30px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;



}

.order-line.bz-line{

    height: auto;

}

.order-content .order-line .beizhu{

    padding: 10px;

    float: left;

    border: 1px solid #d2d2d2;

}

.order-content .order-line .dwid{

    width: 375px;

}

.order-content .order-line img{

    display: inline-block;

    float: left;

    margin-left:15px;

}

.order-content .go-sub{

    margin-left:70px;

    border: none;

    color: #fff;

    background: #ff5e25;

    font-size: 14px;

    padding: 8px 28px;

    margin-top:8px;

    border-radius: 5px;

    outline: none;

}

.order-content .go-sub:hover

{

    background: #FE4200;

}



.info_title{margin:30px 0 0 0px;width:100%;height:30px;background:#ececec;}

.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#656565;color:#fff;line-height:30px;}

.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}


.yb_conct{position:fixed;z-index:9999999;top:90px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../Image/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../Image/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../Image/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../Image/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}